<template>
    <div class="bottom_menu">
            <div class="fixed_top">
                <div class="back" @click="this.$router.go(-1)">
                    <img src="../../assets/images/back.png" style="width: 0.6rem;margin: 0 0.3rem 0.3rem 0;">
                </div>
                <div class="fixed_top_content">
                    {{ title || '标题' }}
                </div>
            </div>
        </div>
</template>

<script>
export default {
    props:{
        title: String
    }
}
</script>

<style scoped>
.bottom_menu {
    width: 100%;
    height: 2.75rem;
    background-color: #ededed;
    padding: 0;
    margin: 0;
}
.fixed_top {
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 5;
}

.back {
    height: 100%;
    width: auto;
    float: left;
    line-height: 3.5rem;
    padding: 0 .625rem;
    color: #333333;
}

.fixed_top_content {
    height: 100%;
    text-align: center;
    line-height: 2.75rem;
    font-size: 1.125rem;
    color: #333333;
    font-weight: bold;
    margin: auto;
    width: 50%;
}
</style>
